<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content 
      pullingIcon="arrow-dropdown" 
      pullingText="让购物更健康" 
      refreshingSpinner="circles">>
    </ion-refresher-content>
  </ion-refresher>
  <header>
    <div class="search-cotain">
      <input type="text" placeholder="请输入商家名称">
    </div>
    <div class="iview-center">
      <div class="column-child">
        <div class="iview-number">
          78236
        </div>
        <div class="iview-title">
          买单用户(人)
        </div>
      </div>
      <div class="column-child">
        <div class="iview-number">
          78236
        </div>
        <div class="iview-title">
          买单金额(元)
        </div>
      </div>
    </div>
  </header>
  <div class="info-content">
    <div class="muner-cointer">
      <div class="menu-relative">
        <div class="muner">
          <div class="list">
            <img src="assets/imgs/baoxiu.png" alt="">
            <div>美食</div>
          </div>
          <div class="list">
            <img src="assets/imgs/baoxiu.png" alt="">
            <div>美食</div>
          </div>
          <div class="list">
            <img src="assets/imgs/baoxiu.png" alt="">
            <div>美食</div>
          </div>
          <div class="list">
            <img src="assets/imgs/baoxiu.png" alt="">
            <div>美食</div>
          </div>
        </div>
        <div class="more-bottom">
        </div>
      </div>
      <div class="more-btn">
        更多
      </div>
    </div>
    <div class="tag-cointer">
      <div class="tag-list active" *ngFor="let list of tagList" (click)="tagChose(list)">
        <span>{{list.name}}</span>
        <img src="{{list.active?'assets/imgs/common_icon_right.png':'assets/imgs/common_icon_top.png'}}" />
      </div>
    </div>
    <div class="listview">
      <div class="list" *ngFor="let list of tagList">
        <div class="list-img">
          <img src="assets/imgs/baoxiu.png" alt="">
        </div>
        <div class="cointer">
          <div class="header">
            <label class="title" for="">漫天星汽车服务公司</label>
            <div class="tag">小夏自营</div>
          </div>
          <div class="b-padding satisfaction">
            <div class="satisfaction-left">
              <span>5.0</span>
              <span>满意度</span>
            </div>
            <div class="satisfaction-right">
              43.78km
            </div>
          </div>
          <div class="b-padding flex-direction">
            <span class="list-span">共享金额:</span>
            <div class="list-tag tag-red">2.7元</div>
            <img class="list-other-img" src="assets/imgs/phone.png" alt="">
          </div>
          <div class="b-padding flex-direction">
            <span class="list-span">商家折扣:</span>
            <div class="list-tag tag-green">9.5折</div>
          </div>
          <div class="b-padding flex-direction">
            <div class="other-flex flex-direction wrap-hidden">
              <ion-icon class="ios-pin" name="ios-pin"></ion-icon>
              <span>地址:江苏省南通市如皋市万寿南路108号99号</span>
            </div>
            <ion-icon class="ios-navigate" name="ios-navigate"></ion-icon>
          </div>
        </div>
      </div>
      <div class="list">
        <div class="list-img">
          <img src="assets/imgs/baoxiu.png" alt="">
        </div>
        <div class="cointer">
          <div class="header">
            <label class="title" for="">漫天星汽车服务公司</label>
            <div class="tag">小夏自营</div>
          </div>
          <div class="b-padding satisfaction">
            <div class="satisfaction-left">
              <span>5.0</span>
              <span>满意度</span>
            </div>
            <div class="satisfaction-right">
              43.78km
            </div>
          </div>
          <div class="b-padding flex-direction">
            <span class="list-span">共享金额:</span>
            <div class="list-tag tag-red">2.7元</div>
            <img class="list-other-img" src="assets/imgs/phone.png" alt="">
          </div>
          <div class="b-padding flex-direction">
            <span class="list-span">商家折扣:</span>
            <div class="list-tag tag-green">9.5折</div>
          </div>
          <div class="b-padding flex-direction">
            <div class="other-flex flex-direction wrap-hidden">
              <ion-icon class="ios-pin" name="ios-pin"></ion-icon>
              <span>地址:江苏省南通市如皋市万寿南路108号99号</span>
            </div>
            <ion-icon class="ios-navigate" name="ios-navigate"></ion-icon>
          </div>
        </div>
      </div>
    </div>
  </div>
</ion-content>